/*背景*/
body {
  background: url(../image/bg.jpg) no-repeat;
  background-size: 300px;
  background-position: top center;
  text-align: center;
}

/*输入框*/
input {
  background: rgba(255, 255, 255, 0.2);
}

/*表单按钮*/
.i {
  width: 60px;
  height: 30px;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.2);
}

/*无间距*/
h2,
p {
  margin: 0px;
  font-weight: bold;
}

/*带滚动条的框*/
.a {
  margin: 0px auto;
  width: 296px;
  height: 400px;
  border: solid rgba(0, 0, 0, 0.6) 2px;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.2);
}

/*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
.a::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/*滚动条里面小方块*/
.a::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

/*滚动条里面轨道*/
.a::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

/*首页按钮*/
.b {
  width: 120px;
  height: 120px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 20px;
}

/*下方按钮*/
.c {
  width: 90px;
  height: 60px;
  font-size: 15px;
  background: rgba(255, 255, 255, 0.2);
}